<template>
    <div class="WeekendList">
        <p class="title">周末去哪儿</p>
        <div class="week-items" v-for="(item,index) of weekendList" :key="index" >
            <img :src="item.imgUrl" alt="">
            <div class="item-text">
                <h3>{{item.title}}</h3>
                <p>{{item.content}}</p>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    name:"WeekendList",
    props:{
        weekendList:{
            type:Array
        }
    }
}
</script>
<style lang="scss" scoped>
    .WeekendList{
        margin-bottom: 30px;
        .title{
            padding-left: 20px;
            background: #eee;
            line-height: 80px;
        };
        .week-items{
            margin-bottom: 20px;
            img{
                width: 100%;
            };
            .item-text{
                padding: 20px;
            }
        }
    }
</style>
